<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="utf-8">
    <title>Классик Театр-Cтудия</title>

    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <!--<script src="js/bootstrap.min.js"></script>-->
    <script src="js/responsiveslides.min.js"></script>
    <script src="js/main.js"></script>
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
    <link href="css/fonts.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <style>
         #theatre_page .afishaGray, #theatre_page .afishaWhite {
             padding: 2.5%;

         }
         #theatre_page .afishaGray {
             background-color: #191919;
             color: #dddddd;
         }

         #theatre_page .afisha_date {
             float:left;
             font-family: 'pf_agora_slab_proMdIt';
             text-transform: uppercase;
             font-size: 1.4em;
             font-weight: bold;
         }

         #theatre_page .afisha_place {
            float:right;
            text-align: right;
             font-family: 'pf_agora_slab_proMdIt';
             text-transform: uppercase;
             margin-bottom: 2em;
         }

         #theatre_page .afisha_name {
            text-align: center;
             font-family: 'pf_agora_slab_proMdIt';
             text-transform: uppercase;
             font-size: 2.2em;
             margin-bottom: 0.5em;

         }

         #theatre_page .afisha_text {
             font-family: 'open_sansregular';
         }

         #theatre_page .roles {
             padding-top: 1em;
             font-family: 'open_sansbold';
         }

         #theatre_page .roles span {
            font-size: 1.3em;
            font-weight: bold;

         }



         .afishaWhite {

         }

    </style>



    <!--[if gte IE 6]>
    <link rel="stylesheet" type="text/css" href="css/ie.css" />
    <![endif]-->

    <!--[if IE 10]>
    <link rel="stylesheet" type="text/css" href="css/ie.css" />
    <![endif]-->


</head>
<body>
<div class="container">
<div class="row-fluid" id="container">
<div class="row-fluid" style="margin-bottom: 50px">
    <div class="black-block row-fluid" id="head">

        <a href="/#"><img src="img/logo.png" id="logo" ></a>

        <div style="float:right">
            <div id="phones-top" class="white-block" style="float:right">
                <!--<div style="float: left"><img src="img/phone.png"></div> -->
                <div>
                    <ul>
                        <li>(044) <b> 362-12-25</b></li>
                    </ul>

                </div>

            </div>
            <div style="clear:both;"></div>

            <div id="main-menu" style="float: right">
                <ul>
                    <li><a href="theatre.html">Театр</a></li>
                    <li><a href="#">Студия</a></li>
                    <li><a href="#">Курсы</a></li>
                    <li><a href="#">Проекты</a></li>
                    <li><a href="#">Контакты</a></li>
                </ul>
            </div>
        </div>


    </div>
</div>



<div class="row-fluid white-block" id="content">

    <div class="span3 left-changed"></div>
    <div class="span9 right-changed" class="article">
        <div id="breadcrumbs">
            <ul>
                <li>Театр</li>
                <li>Галерея</li>
            </ul>
        </div>
        <h1 class="leftBlock" style="margin-bottom: 25px;">Театр</h1>
    </div>
    <div>
        <div class="span3 row-fluid leftBlock left-changed" id="left-menu">
            <!--<div class="span10 offset2">-->
            <div class="menu">
            <ul class="first-level">
                <li><a href="theatre.html">театр</a>
                    <!--
                    <ul class="second-level">
                        <li><a>студия</a></li>
                        <li><a>курсы</a></li>
                        <li><a>проекты</a></li>
                        <li><a>контакты</a></li>
                    </ul>
                    -->
                </li>

                <li><a>студия</a></li>
                <li><a>курсы</a></li>
                <li><a>проекты</a></li>
                <li><a>контакты</a></li>
            </ul>
            </div>
            <!--</div>-->

            <div style="margin-top: 4em;display: none;" id="afisha_left">
                <!--Афиша-->
                <h2><a href="#">Афиша</a></h2>

                <ul>
                    <li class="afisha afisha_gray">
                        <img src="img/sartr_main_afisha.jpg" style="float: left; width: 100px">

                        <div style="text-align: right;">
                            <span style="font-size: 1.5em;">25.11 19.00</span><br>
                            Театр Актер
                        </div>
                        <div style="clear: both;"></div>
                        <div style="text-align: center; font-weight: bold;  margin-top: 1em; ">«Забыть Герострата»</div>


                    </li>
                    <li class="afisha afisha_white">

                        <img src="img/sartr_main_afisha.jpg" style="float: right; width: 100px">

                        <div style="text-align: left;">
                            <span style="font-size: 1.5em;">25.11 19.00</span><br>
                            Театр Актер
                        </div>
                        <div style="clear: both;"></div>
                        <div style="text-align: center; font-weight: bold;  margin-top: 1em; ">«Забыть Герострата»</div>

                    </li>
                    <li class="afisha afisha_gray">
                        <img src="img/sartr_main_afisha.jpg" style="float: left; width: 100px">

                        <div style="text-align: right;">
                            <span style="font-size: 1.5em;">25.11 19.00</span><br>
                            Театр Актер
                        </div>
                        <div style="clear: both;"></div>
                        <div style="text-align: center; font-weight: bold;  margin-top: 1em; ">«Забыть Герострата»</div>


                    </li>
                    <li class="afisha afisha_white">

                        <img src="img/sartr_main_afisha.jpg" style="float: right; width: 100px">

                        <div style="text-align: left;">
                            <span style="font-size: 1.5em;">25.11 19.00</span><br>
                            Театр Актер
                        </div>
                        <div style="clear: both;"></div>
                        <div style="text-align: center; font-weight: bold;  margin-top: 1em; ">«Забыть Герострата»</div>


                    </li>

                </ul>


            </div>


        </div>
        <div id="text" class="span9 row-fluid right-changed">
            <div class="span11">
                <div id="theatre_page" >
                    <div class="afishaGray row-fluid" >
                        <div class="span4">
                            <img src="/img/sartr_main_afisha.jpg" />
                            <div class="roles"><span>Роли исполняют</span><br>
                                Герострат: Ярик Ярик<br>
                                Инес: Оля Оля<br>
                                Корридорный: Фрол Ревин<br>
                                Эстель: Анна Нави<br>
                            </div>
                        </div>
                        <div class="span8">
                            <div  class="afisha_date">25 декабря<br />19.00</div>
                            <div class="afisha_place">Театр Актёр<br />Большая Житомирская 12</div>

                            <div style="clear: both;"></div>

                            <h3 class="afisha_name">«За закрытыми дверями»</h3>

                            <div class="afisha_text">
                                <p>«За закрытыми дверями»  — пьеса в одном акте Жана-Поля Сартра (1943). Впервые поставленная в театре «Вьё Коломбье» (франц.) в 1944 году, является одной из самых репертуарных пьес Сартра.

                                    Пьеса Сартра  - это своеобразная  иллюстрация тезиса «Ад — это другие», а её содержание - это  «проповедь человеконенавистничества»: Ад — это не пытки, жаровни, ухмыляющиеся черти, — Ад — это сами люди, охотно становящиеся самыми изощренными и изобретательными палачами своих соседей.</p>
                            </div>



                        </div>
                    </div>
                    <div class="afishaWhite row-fluid" >
                        <div class="span4">
                            <img src="/img/gerostrat_main_afisha.jpg" />
                            <div class="roles"><span>Роли исполняют</span><br>
                                Герострат: Ярик Ярик<br>
                                Инес: Оля Оля<br>
                                Корридорный: Фрол Ревин<br>
                                Эстель: Анна Нави<br>
                            </div>
                        </div>
                        <div class="span8">
                            <div  class="afisha_date">25 декабря<br />19.00</div>
                            <div class="afisha_place">Театр Актёр<br />Большая Житомирская 12</div>

                            <div style="clear: both;"></div>

                            <h3 class="afisha_name">«Забыть Герострата»</h3>

                            <div class="afisha_text">
                                <p>
                                    «В роковую ночь триста пятьдесят шестого года житель Эфеса, базарный торговец по имени Герострат, сжег храм Артемиды…» Эти слова произносит в спектакле «Забыть Герострата!» по одноимённой пьесе Григория Горина Человек театра нашего времени, пытающийся разобраться в «истоках болезни, которая, впоследствии принесла горе человечеству». Для этого он наблюдает за событиями более чем двухтысячелетней давности. Он может только наблюдать, но не вмешиваться. Однако возможно ли оставаться безучастным, когда зло, разрушение, цинизм умножаются и заражают собой всё вокруг?
                                </p>
                            </div>



                        </div>
                    </div>


                    <div class="afishaGray row-fluid" >
                        <div class="span4">
                            <img src="/img/sartr_main_afisha.jpg" />
                            <div class="roles"><span>Роли исполняют</span><br>
                                Герострат: Ярик Ярик<br>
                                Инес: Оля Оля<br>
                                Корридорный: Фрол Ревин<br>
                                Эстель: Анна Нави<br>
                            </div>
                        </div>
                        <div class="span8">
                            <div  class="afisha_date">25 декабря<br />19.00</div>
                            <div class="afisha_place">Театр Актёр<br />Большая Житомирская 12</div>

                            <div style="clear: both;"></div>

                            <h3 class="afisha_name">«За закрытыми дверями»</h3>

                            <div class="afisha_text">
                                <p>«За закрытыми дверями»  — пьеса в одном акте Жана-Поля Сартра (1943). Впервые поставленная в театре «Вьё Коломбье» (франц.) в 1944 году, является одной из самых репертуарных пьес Сартра.

                                    Пьеса Сартра  - это своеобразная  иллюстрация тезиса «Ад — это другие», а её содержание - это  «проповедь человеконенавистничества»: Ад — это не пытки, жаровни, ухмыляющиеся черти, — Ад — это сами люди, охотно становящиеся самыми изощренными и изобретательными палачами своих соседей.</p>
                            </div>



                        </div>
                    </div>


                </div>

                <div style="padding: 10px;">
                    <h3 style="text-align: center; margin-top: 20px; margin-bottom: 0">О театре</h3>
                    <div style="font-size: 0.9em;">
                    <p>
                        Драматический театр–студия <span style="font-size:1.5em">«Классик»</span> создан в октябре 2010
                        года.
                        В <a href="#">труппу театра</a> вошли лучшие выпускники театральных вузов, училищ, актерских
                        школ,
                        талантливые девушки и ребята.
                    </p>

                    <p>
                        В <a href="#">репертуаре театра</a> - пьесы современных авторов и признанных классиков мировой
                        драматургии, поставленные и сыгранные в лучших традициях классического <b>театра
                        переживания.</b>
                    </p>
                    </div>



                </div>


            </div>
        </div>


    </div>
</div>

<div class="row-fluid black-block" id="footer">
    <div id="footer-info" class="leftBlock" >
        Театр-студия Классик<br>
        (050)413-95-40<br>
        (067)859-11-69<br>
        (093)992-32-40<br>


    </div>

    <div id="social" class="rightBlock" >
        <ul>
            <li class="facebook"><a href="facebook.com"></a></li>
            <li class="vk"><a href="vk.com"></a></li>
            <li class="youtube"><a href="youtube.com"></a></li>

        </ul>

    </div>

</div>

</div>
</div>

</body>
</html>